Ext.onReady(function()
	{

		var obj = new My.awesome.Class();
		// alert(obj.info); // alerts 'Say something'
		Ext.create('Ext.Viewport',
		{
			enableTabScroll	: true,// 是否允许tab溢出时可以滚动
			layout			: "border",// 设置布局
			// 为面板添加组件
			items			: [
					// 信息栏
					{
						xtype	: 'toolbar',
						region	: "north",// 指定布局模块所在的位置
						height	: 30,// 高度
						temp	: obj.info,
						items	: [,
								// alert(Ext.getCmp("topToolbar")),
								{
									xtype		: 'button',
									autoWidth	: true,
									text		: '登陆',
									handler		: createLogin
								},
								{// 底部工具栏，显示分页工具条
									text	: "按钮一"// 节点的文字
								},
								{
									pressed	: true,
									text	: "按钮二"
								}]
					},
					{
						xtype		: 'panel',
						title		: "<h1 style=\"font-size: 140%;\">导航</h1>",
						region		: "west",
						width		: "15%",
						collapsible	: true,
						split		: true,
						layout		: "accordion",
						items		: [
						{
							title		: "<h1 style=\"font-size: 130%;\">企业组织规划</h1>",
							autoScroll	: true,
							items		: [
							{
								xtype	: "panel",
								layout	: "fit",
								items	:
								{
									xtype	: 'button',
									scale	: "large",
									text	: "<h1 style=\"font-size: 140%;\">部门组织</h1>"
								}
							},
							{
								xtype	: "panel",
								layout	: "fit",
								items	:
								{
									xtype	: 'button',
									scale	: "large",
									text	: "<h1 style=\"font-size: 140%;\">岗位组织</h1>"
								}
							}]
						},
						{
							title		: "<h1 style=\"font-size: 130%;\">人事管理系统</h1>",
							autoScroll	: true,
							items		: [
							{
								xtype	: "panel",
								layout	: "fit",
								items	:
								{
									xtype	: 'button',
									scale	: "large",
									text	: "<h1 style=\"font-size: 140%;\">员工信息档案</h1>"
								}
							},
							{
								xtype	: "panel",
								layout	: "fit",
								items	:
								{
									xtype	: 'button',
									scale	: "large",
									text	: "<h1 style=\"font-size: 140%;\">离职员工档案</h1>"
								}
							}]
						},
						{
							title		: "<h1 style=\"font-size: 130%;\">员工考勤系统</h1>",
							autoScroll	: true,
							items		: [
							{
								xtype	: "panel",
								layout	: "fit",
								items	:
								{
									xtype	: 'button',
									scale	: "large",
									text	: "<h1 style=\"font-size: 140%;\">员工考勤管理</h1>"
								}
							},
							{
								xtype	: "panel",
								layout	: "fit",
								items	:
								{
									xtype	: 'button',
									scale	: "large",
									text	: "<h1 style=\"font-size: 140%;\">考勤制度设置</h1>"
								}
							}]
						},
						{
							title		: "<h1 style=\"font-size: 130%;\">系统管理模块</h1>",
							autoScroll	: true,
							items		: [
							{
								xtype	: "panel",
								layout	: "fit",
								items	:
								{
									xtype	: 'button',
									scale	: "large",
									text	: "<h1 style=\"font-size: 140%;\">账号管理</h1>"
								}
							},
							{
								xtype	: "panel",
								layout	: "fit",
								items	:
								{
									xtype	: 'button',
									scale	: "large",
									text	: "<h1 style=\"font-size: 140%;\">角色权限管理</h1>"
								}
							}]
						}]
					},
					{
						id		: "showPanel",
						xtype	: "tabpanel",
						region	: "center",
						items	: [
								{
									title	: "面板1"
								},
								{
									title	: "面板2"
								}]
					}]
		});

	});
